<div class="vcard">
    <div class="name">
        <span class="honorific-prefix">Dr</span> 
        <span class="given-name">John</span> 
        <abbr class="additional-name" title="Peter">P</abbr>  
        <span class="family-name">Doe</span> 
        <data class="honorific-suffix" value="MSc"></data>
        <img class="honorific-suffix" src="images/logo.gif" alt="PHD" />
    </div>
</div>